<template>
	<view class="me">
		<view class="me_container">
			<view class="me_container_content">
				{{data.content}}
			</view>
		</view>
	</view>
</template>

<script setup>
	defineProps({
		data: Object
	})
</script>

<style lang="scss" scoped>
	.me {
		margin: 20rpx;

		&_container {
			margin-bottom: 50rpx;
			display: flex;
			justify-content: right;

			&_content {
				background: #0279ff;
				padding: 30rpx;
				border-top-left-radius: 30rpx;
				border-bottom-right-radius: 30rpx;
				border-bottom-left-radius: 30rpx;
				box-shadow: 0 3rpx 20rpx rgba(0, 0, 0, .03);
				color: #fff;
			}
		}


	}
</style>